<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSONBIN</title>
    <link rel="stylesheet" href="./assets/pico.min.css">
    <style>
        .container { display: flex; flex-direction: column; width: 400px; padding: 40px; }
        .field { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); gap: 10px; }
        .field button { width: 100%; margin: 0; }
        input { text-align: center; }
    </style>
</head>
<body>
    <div class="container">
        <input id="bid" type="text" placeholder="Bin-ID" value="64a6daf08e4aa6225eba02b1" />
        <input id="acckey" type="password" placeholder="Access Key" value="$2b$10$ORUu9zSsUfG3J2A.b3XnReqmAP98d8.xzXHSMkR3.k0oYhXiInJee" />
        <div class="field">
            <button class="btnRead">读取</button>
            <button class="btnUpdate">更新</button>
            <button class="btnCreate">创建</button>
            <button class="btnDel">删除</button>
        </div>
    </div>
    <!-- <script src="./dist/jsonbin.iife.js"></script> -->
    <script type="module" src="./index.js"></script>
</body>
</html>